<template>
  <div class="meaccount">
    <van-nav-bar title="我的账户" left-arrow @click-left="$router.back()" />
    <div class="header">
      <van-cell title="头像" center>
        <div slot="default">
          <van-uploader round v-model="fileList" multiple :max-count="1">
            <van-image round width="50px" height="50px" src="//s1.juancdn.com/face/default.jpg"></van-image>
          </van-uploader>
        </div>
      </van-cell>
      <van-cell center title="用户名" :value="user" />
    </div>
    <div class="center">
      <a href="/address">
        <van-cell center title="收获地址" />
      </a>
    </div>
    <div class="bott">
      <van-cell center title="绑定手机号码" />
      <van-cell center title="修改密码" />
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      fileList: [],
      user: localStorage.getItem("username")
    };
  }
};
</script>
<style lang="less" >
.meaccount {
  background: #f4f4f8;
  margin: 0 auto;
  width: 100%;
  .header {
    height: 130px;
  }
  .center {
    height: 55px;
  }
  .bott {
    height: 100px;
  }
}
</style>